/* 无数据时候显示 */
#nodata {
    color: orange;
    text-align: center;
    width: 320px;
}

/* 单个元素 */
.item {
    border: 2px solid #ddd;
    border-style: solid;
    padding: 10px;
    margin-bottom: 5px;
    width: 340px;
    border-radius: 5px;
}

/* 隐藏部分 */
.item_hide {
    /* 默认隐藏 */
    display: none;
    padding: 10px;
    margin-top: 10px;    /* 根据需要添加间距 */
    border: 2px solid #ccc;    /* 可选，增加边框 */
    border-style: dashed;
    position: relative;
    padding-bottom: 30px;
}

.item_hide video {
    width: 320px;
    height: 180px;
    object-fit: fill;    /* 这个属性能够让 video标签没有顶部空白 */
}

.item_hide .info {
    margin: 0px;
    height: 30px;
    color: rgb(97, 102, 109);
}

.item_hide .info {
    margin: 0px;
    height: 30px;
}

/* 显示部分 */
.item_show {
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item_show .video-icon {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    background-image: url("../img/video.svg");
}

.item_show span {
    line-height: 38px;
    text-align: center;
    color: rgb(97, 102, 109);
}

.bottom_div {
    height: 30px;
}

/* 底部固定按钮 */
.fix_btn {
    background-color: rgb(1, 208, 189);
    color: white;
    font-weight: 600;
    /* 设置固定位置， 固定到右下角 如果相对父元素， 父元素的position需要设置relative*/
    /* position: absolute; */
    position: fixed;    /* fixed是根据可视区域进行定位的 */
    bottom: 5px;
    right: 5px;
    padding: 0 3px;    /* 设置内边距 */
    text-align: center;    /* 字体居中对齐 */
    height: 30px;    /* 设置元素高度 */
    line-height: 30px;    /* 设置行高 */
    border-radius: 6px;    /* 设置边框的圆角 */
    border-style: none;
}

.download{
    background-color: rgb(1, 208, 189);
    color: white;
    border-radius: 5px;
    border-style: none;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

#show_tip {
    display: none;
    background-color: rgb(1, 208, 189);
    text-align: center;
    color: white;
    font-weight: 500;
    border-radius: 6px;
    padding: 1px 10px;
    /* 确保其显示在顶层 */
    z-index: 1000;   
    /* 在可视窗口内，固定位置显示 */
    position: fixed;
    bottom: 80px;
    left: 160px;
}